import React, {Component} from 'react';
import RegPanelStyles from './index.module.scss';
import {Input, Button} from 'antd';
import {PropsInterface} from './types';
export default class RegPanel extends Component<PropsInterface> {
    render() {
        const {toggleType} = this.props;
        return (
            <div className={RegPanelStyles.login_panel}>
                <Input placeholder="请输入用户名" className={RegPanelStyles.input} />
                <Input placeholder="请输入电子邮箱" className={RegPanelStyles.input} />
                <Input placeholder="请输入密码" className={RegPanelStyles.input} />
                <Input placeholder="请输入确认密码" className={RegPanelStyles.input} />
                <Input placeholder="请输入验证码" className={RegPanelStyles.input} />
                <Button type="primary" block>
                    立即注册
                </Button>
                <div className={RegPanelStyles.tip}>
                    <div className={RegPanelStyles.login}>
                        已有账号,&nbsp;&nbsp;<span onClick={() => toggleType('LOGIN')}>立即登录</span>
                    </div>
                </div>
                <p className={RegPanelStyles.info}>骄傲的使用了轻量级开源管理系统 </p>
            </div>
        );
    }
}
